<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>管理模块--线索公海</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!--标签插件-->
    <link rel="stylesheet" href="/js/jquery-tags-input/jquery.tagsinput.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/style.min.css" />
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/js/need/verfont.css"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/cluePoolManager/cluePoolForm.css"/>
</head>
<body>
<div class="container-fluid clue-page">
    <div class="card">
        <div class="card-header">
            <h1>线索池表单</h1>
        </div>
        <div class="card-body">
            <div class="selector-box">
                <dl>
                    <dt>地区：</dt>
                    <dd><a href="JavaScript:void(0);" class="active" onclick="searchCluePoolTableList(3,'')">不限</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'110000')">北京</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'130000')">河北</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'120000')">天津</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'410000')">河南</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'140000')">山西</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'310000')">上海</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'440000')">广东</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'370000')">山东</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'210000')">辽宁</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'340000')">安徽</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'520000')">贵州</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'330000')">浙江</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(3,'510000')">四川</a></dd>
                </dl>
                <dl>
                    <dt>行业：</dt>
                    <dd><a href="JavaScript:void(0);" class="active" onclick="searchCluePoolTableList(4,'')">不限</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(4,'1')">农、林、牧、渔业</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(4,'4')">电力、热力、燃气及水生产和供应业</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(4,'9')">信息传输、软件和信息技术服务业</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(4,'14')">水利、环境和公共设施管理业</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(4,'8')">住宿和餐饮业</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(4,'10')">金融业</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(4,'11')">房地产业</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(4,'5')">建筑业</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(4,'16')">教育</a></dd>
                </dl>
                <dl>
                    <dt>热门：</dt>
                    <dd><a href="JavaScript:void(0);" class="active" onclick="searchCluePoolTableList(5,'')">不限</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(5,'医疗')">医疗</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(5,'餐饮')">餐饮</a></dd>
                    <dd><a href="JavaScript:void(0);" onclick="searchCluePoolTableList(5,'教育')">教育</a></dd>
                </dl>
            </div>
            <div class="row content-action">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <!-- 全部 本周 本月 本年 -->
                    <div class="time-search pull-left">
                        <input type="hidden" id="dateType" name="dateType"/>
                        <div class="all active-second" onclick="selectTime('all')">全部</div>
                        <div class="week" onclick="selectTime('week')">本周</div>
                        <div class="month" onclick="selectTime('month')">本月</div>
                        <div class="year" onclick="selectTime('year')">本年</div>
                    </div>
                    <!--<button type="button" class="btn btn-label btn-danger"><label><i class="mdi mdi-delete-sweep"></i></label>批量删除</button>-->
                    <button type="button" class="btn btn-label btn-success" onclick="addCluePool()"><label><i
                            class="mdi mdi-plus-circle-outline"></i></label>新增线索池
                    </button>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="pull-right">
                        <div class="min-search pull-left">
                            <input class="form-control" type="text" placeholder="请输入线索池名称" id="poolNameMin"
                                   name="poolNameMin" autocomplete="off" onkeyup="this.value=this.value.replace(/^\s+|%|\s+$/g, '')">
                            <button class="btn btn-primary" type="button" onclick="searchCluePoolTableList(1)"><i
                                    class="mdi mdi-magnify"></i><span>搜索</span></button>
                        </div>
                        <button class="btn btn-default btn-senior" data-toggle="collapse" data-target="#filterContent"
                                aria-expanded="false" aria-controls="filterContent"><i class="mdi mdi-sort-variant"></i>高级筛选
                        </button>
                    </div>
                </div>
            </div>
            <div class="collapse filter-content" id="filterContent">
                <div class="row">
                    <div class="form-group col-lg-2 col-md-2 col-sm-4 col-xs-6">
                        <label for="poolName">线索池名称</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入线索池名称" id="poolName"  name="poolName" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group col-lg-2 col-md-2 col-sm-4 col-xs-6">
                        <label for="poolTag">标签名称</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入标签" id="poolTag" name="poolTag" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group col-lg-2 col-md-2 col-sm-4 col-xs-6">
                        <label for="searchCompanySelect">所属公司</label>
                        <div>
                            <select id="searchCompanySelect" name="searchCompanySelect" class="form-control" type="text"
                                    placeholder="请选择所属公司"></select>
                        </div>
                    </div>

                    <div class="form-group col-lg-4 col-md-4 col-sm-4 col-xs-6">
                        <label class="control-label" for="createTmStart">创建起止日期</label>
                        <div class="form-content input-group">
                            <input type="text" id="createTmStart" class="form-control date-input"
                                   placeholder="请输入起始时间" autocomplete="off">
                            <span class="input-group-addon">至</span>
                            <input type="text" id="createTmEnd" class="form-control date-input"
                                   placeholder="请输入截止时间" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group col-lg-2 col-md-2 col-sm-8 col-xs-6">
                        <label>&nbsp;</label>
                        <div class="text-right">
                            <button class="btn btn-primary" type="button" onclick="searchCluePoolTableList(2)"><i
                                    class="mdi mdi-magnify"></i><span>搜索</span></button>
                            <button class="btn btn-default" onclick="resetCluePoolQueryParams(this)">重置</button>
                        </div>
                    </div>
                </div>
            </div>
            <table id="cluePoolTableList" style="min-width: 100%;"></table>
        </div>
    </div>
</div>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="editModel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body" style="min-height: 200px;">
                <!-- start -->
                <h4 style="line-height: 40px;font-size: 14px;font-weight: bold;">修改</h4>
                <form class="form-horizontal">
                    <div class="form-group">
                        <!--线索池主键-->
                        <input type="hidden" id="poolId" name="poolId"/>
                        <label class="col-sm-2 control-label" for="cluePoolName">线索池名称</label>
                        <div class="col-sm-4">
                            <input type="text" id="cluePoolName" class="form-control" placeholder="线索池名称" >
                        </div>
                        <label class="col-sm-2 control-label" for="source">来源</label>
                        <div class="col-sm-4">
                            <input type="text" id="source" class="form-control" placeholder="请输入来源">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">所在地区</label>
                        <div class="col-sm-4 " style="display: flex;">
                            <select onchange="changeCity()" id="province" name="province"
                                    style="margin-right: 20px;width: 180px;" class="form-control" type="text"
                                    title="请选择" data-live-search="true"></select>
                            <select id="city" name="city" style="width: 180px;" class="form-control" type="text"
                                    title="请选择" data-live-search="true"></select>
                        </div>
                        <label class="col-sm-2 control-label" for="industry">所在行业</label>
                        <div class="col-sm-4 ">
                            <select class="form-control" id="industry" type="text" title="请选择" data-live-search="true">
                                <option value="">请输入行业</option>
                                <option value="1">农、林、牧、渔业</option>
                                <option value="2">采矿业</option>
                                <option value="3">制造业</option>
                                <option value="4">电力、热力、燃气及水生产和供应业</option>
                                <option value="5">建筑业</option>
                                <option value="6">批发和零售业</option>
                                <option value="7">交通运输、仓储和邮政业</option>
                                <option value="8">住宿和餐饮业</option>
                                <option value="9">信息传输、软件和信息技术服务业</option>
                                <option value="10">金融业</option>
                                <option value="11">房地产业</option>
                                <option value="12">租赁和商务服务业</option>
                                <option value="13">科学研究和技术服务业</option>
                                <option value="14">水利、环境和公共设施管理业</option>
                                <option value="15">居民服务、修理和其他服务业</option>
                                <option value="16">教育</option>
                                <option value="17">卫生和社会工作</option>
                                <option value="18">文化、体育和娱乐业</option>
                                <option value="19">公共管理、社会保障和社会组织</option>
                                <option value="20">国际组织</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">有效时间</label>
                        <div class="col-sm-4" style="display: flex;align-items: center;">
                            <input type="text" id="effectiveTime" class="form-control" placeholder="请输入有效时间"
                                   style="margin-right: 20px;width: 175px;">
                            <input type="checkbox" value="0" id="yongJiu" onchange="yongjiu()">永久有效
                        </div>
                        <label class="col-sm-2 control-label">线索池类型</label>
                        <div class="col-sm-4">
                            <select class="form-control" id="poolType" type="text" title="请选择" data-live-search="true">
                                <option value="1">优</option>
                                <option value="2">良</option>
                                <option value="3">一般</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">标签</label>
                        <div class="col-sm-4">
                            <div style="width:100%;" id="tagBox">
<!--                                <input type="text" name="staticPath" value="" id="staticPath2"/>-->
                            </div>
                        </div>
                        <label class="col-sm-2 control-label" for="capacity">线索池容量</label>
                        <div class="col-sm-4" style="display: flex;align-items: center;">
                            <input type="text" id="capacity" class="form-control" placeholder="请输入线索池容量"
                                   oninput="value=value.replace(/[^\d]/g,'')">
                            <span style="padding-left: 16px;">条</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">线索转换方式</label>
                        <div class="col-sm-4" style="display: flex;align-items: center;height: 38px;">
                            <div style="margin-right: 20px;">
                                <input type="radio" value="1" name="conversionMethod" style="margin-right: 6px;">自我转换
                            </div>
                            <div style="margin-right: 20px;">
                                <input type="radio" value="2" name="conversionMethod">客服转换
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">线索池性质</label>
                        <div class="col-sm-8" style="display: flex;align-items: center;height: 38px;">
                            <div style="margin-right: 20px;">
                                <input type="radio" value="1" name="nature" style="margin-right: 6px;"
                                       onclick="seleceChi(1)">私有池
                            </div>
                            <div style="margin-right: 20px;display: flex;align-items: center;margin-right: 10px;">
                                <input type="radio" value="2" name="nature" onclick="seleceChi(2)">分公司公有池
                                <div id="search" style="margin-left: 16px;width: 230px;"></div>
                            </div>
                            <div>
                                <input type="radio" value="3" name="nature" style="margin-right: 6px;"
                                       onclick="seleceChi(3)">全国公有池
                            </div>
                        </div>
                    </div>
                </form>
                <div style="width: 100%;display: flex;justify-content: center; margin-top: 30px;">
                    <div class="btn btn-primary" style="margin-right: 20px;" onclick="saveUpdatePool()">确定</div>
                    <div class="btn btn-default" data-dismiss="modal">取消</div>
                </div>
                <!-- end -->
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>

<!--table固定列-->
<!--标签插件-->
<!--<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>-->

<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/crm/common/input-tag.js"></script>
<script src="/js/crm/common/city.js"></script>
<script src="/js/crm/common/common.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>

<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>

<script src="/js/verSelect.2.0.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<!-- 自定义js -->
<script src="/js/crm/cluePoolManager/cluePoolForm.js"></script>
</html>